<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>新致双录云平台</title>
    <meta name="description" content="菜单管理">
    <meta name="keywords" content="index">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="icon" type="image/png" href="../../assets/img/main/liantongLOGO.jpg">
    <link rel="apple-touch-icon-precomposed" href="../../assets/libs/amazeui/i/app-icon72x72@2x.png">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="stylesheet" href="../../assets/libs/ztree/css/zTreeStyle/zTreeStyle.css" type="text/css">
    <link rel="stylesheet" href="../../assets/libs/amazeui/css/amazeui.min.css"/>
    <link rel="stylesheet" href="../../assets/libs/amazeui/css/app.css?v2017010301">
    <link rel="stylesheet" href="../../assets/css/core.css?v2017010301">
</head>

<body data-type="index" page-text="菜单管理" style="overflow: hidden">
<div id="main" class="am-g tpl-g" v-cloak>
    <!-- 内容区域 -->
    <div class="tpl-content-wrapper content-margin-left">
        <!-- TODO 内容显示区域 -->
        <div class="row-content am-cf">
            <div class="row am-cf">
                <div class="am-u-sm-12 am-u-md-12 am-u-lg-3 widget-margin-bottom-lg ">
                    <div class="widget am-cf widget-body-lg">
                        <div class="widget-head am-cf">
                            <div class="widget-title am-fl">菜单树</div>
                        </div>
                        <div class="widget-body  am-fr">
                            <ul id="menuTree" class="ztree"></ul>
                            <div id="rMenu">
                                <ul>
                                    <li id="m_add" @click="addMenuNode()">增加节点</li>
                                    <li id="m_modify" @click="modifyMenuNode()">修改节点</li>
                                    <li id="m_del" @click="removeMenuNode()">删除节点</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="am-u-sm-12 am-u-md-12 am-u-lg-9 widget-margin-bottom-lg" v-show="currentMenu.menuNo || parentMenu.menuNo">
                    <div class="widget am-cf widget-body-lg">
                        <div class="widget-head am-cf">
                            <div class="widget-title am-fl">{{currentMenu.menuNo ? '修改菜单' : '新增菜单'}}</div>
                        </div>
                        <div class="widget-body  am-fr">
                            <form class="am-form tpl-form-border-form tpl-form-border-br">
                                <div class="am-form-group am-form-group-sm">
                                    <label for="menu-name" class="am-u-sm-3 am-form-label">菜单名称<span style="color:red">*</span></label>

                                    <div class="am-u-sm-9">
                                        <input type="text" class="tpl-form-input" id="menu-name" v-model="currentMenu.menuName">
                                    </div>
                                </div>
                                <div class="am-form-group am-form-group-sm"  v-show="currentMenu.menuNo">
                                    <label for="menu-num" class="am-u-sm-3 am-form-label">菜单编号(唯一)<span style="color:red">*</span></label>

                                    <div class="am-u-sm-9">
                                        <input type="text" class="tpl-form-input" id="menu-num" v-model="currentMenu.menuNo" disabled>
                                    </div>
                                </div>
                                <div class="am-form-group am-form-group-sm">
                                    <label for="menu-event" class="am-u-sm-3 am-form-label">菜单事件</label>

                                    <div class="am-u-sm-9">
                                        <input type="text" class="tpl-form-input" id="menu-event" v-model="currentMenu.menuUrl">
                                    </div>
                                </div>
                                <div class="am-form-group am-form-group-sm">
                                    <label for="menu-pname" class="am-u-sm-3 am-form-label">上级菜单名称<span style="color:red">*</span></label>

                                    <div class="am-u-sm-9">
                                        <input type="text" class="tpl-form-input" id="menu-pname" disabled v-model="parentMenu.menuName">
                                    </div>
                                </div>
                                <div class="am-form-group am-form-group-sm">
                                    <label for="menu-order" class="am-u-sm-3 am-form-label">显示顺序<span style="color:red">*</span></label>

                                    <div class="am-u-sm-9">
                                        <input type="number" class="tpl-form-input" id="menu-order" v-model="currentMenu.menuOrder">
                                    </div>
                                </div>
                                <div class="am-form-group am-form-group-sm">
                                    <label for="menu-order" class="am-u-sm-3 am-form-label">菜单状态<span style="color:red">*</span></label>

                                    <div class="am-u-sm-9">
                                        <select id="menuStatus" data-am-selected="{btnSize:'sm'}" v-model="currentMenu.menuStatus">
                                            <option value=""></option>
                                            <option value="1">有效</option>
                                            <option value="0">无效</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="am-form-group am-form-group-sm">
                                    <label for="menu-order" class="am-u-sm-3 am-form-label">菜单类型<span style="color:red">*</span></label>

                                    <div class="am-u-sm-9">
                                        <select id="menuType" data-am-selected="{btnSize:'sm'}" v-model="currentMenu.menuType">
                                            <option value=""></option>
                                            <option value="menu">菜单</option>
                                            <option value="api">功能</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="am-form-group">
                                    <label for="user-intro" class="am-u-sm-3 am-form-label">公开菜单<span style="color:red">*</span></label>

                                    <div class="am-u-sm-9">
                                        <div class="tpl-switch">
                                            <input type="checkbox" class="ios-switch bigswitch tpl-switch-btn"
                                                   v-model="currentMenu.menuFlag">

                                            <div class="tpl-switch-btn-view">
                                                <div>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                                <!--<div class="am-form-group am-form-group-sm">-->
                                    <!--<label for="menu-role" class="am-u-sm-3 am-form-label">角色类型<span style="color:red">*</span></label>-->

                                    <!--<div class="am-u-sm-9">-->
                                        <!--<input type="text" class="tpl-form-input" id="menu-role" disabled>-->
                                    <!--</div>-->
                                <!--</div>-->

                                <div class="am-form-group am-form-group-sm">
                                    <div class="am-u-sm-9 am-u-sm-push-3 am-u-md-9 am-u-md-push-3 am-u-lg-7 am-u-lg-push-5">
                                        <button v-show="currentMenu.menuNo" type="button" class="am-btn am-btn-danger tpl-btn-bg-color-success am-btn-xs"
                                        	@click="updateMenu()">
                                            <span class="am-icon-edit"></span>&nbsp;修改
                                        </button>
                                        <button v-show="!currentMenu.menuNo" type="button" class="am-btn am-btn-danger tpl-btn-bg-color-success am-btn-xs"
                                                @click="addMenu()">
                                            <span class="am-icon-plus"></span>&nbsp;新增
                                        </button>
                                        <button v-show="!currentMenu.menuNo" type="button" class="am-btn am-btn-danger tpl-btn-bg-color-success am-btn-xs"
                                                @click="resetMenu()">
                                            <span class="am-icon-reply"></span>&nbsp;重置
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
<script src="../../assets/js/util/crypto-js.min.js"></script>
<script src="../../assets/js/util/Aes.js"></script>
<script src="../../assets/libs/amazeui/js/jquery.min.js"></script>
<script src="../../assets/libs/amazeui/js/theme.js"></script>
<script src="../../assets/libs/vue/vue.min.js"></script>
<script src="../../assets/libs/amazeui/js/amazeui.min.js"></script>
<script type="text/javascript" src="../../assets/libs/ztree/js/jquery.ztree.core.js"></script>
<script src="../../assets/js/util/inner.js?v2017010301"></script>
<script src="../../assets/env.js?v2017010301"></script>
<script src="../../assets/js/util/common.js?v2017010301"></script>
<script src="../../assets/js/biz/sys/menu/manage.js?v2017010301"></script>

</body>

</html>